<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    remote返回的只能是true或者false

    基本的用法

    要验证的元素: {
      // 通过这种方式写的验证，发送的是GET请求。发送的参数为name=value
      remote: '接口地址'
    }

    如果返回值为false 则验证不通过不能提交表单
    如果返回值为true 则验证通过，可以提交表单


    如果想要使用POST请求

    remote: {
      url: '地址',
      type: 'POST',
      dataType: '',
      data: {
        // 如果是非表单元素值，直接写即可，如果是表单元素中的value值，需要写成函数返回值的形式
        demo: function () {
          return $('input').val()
        }
      }
    }

  -->
  <div>1</div>
  <form action="">
    <input type="text" name="email">
    <input type="text" name="a">
    <input type="submit">
  </form>
  <script src="../libs/jquery-1.12.4.js"></script>
  <script src="./jquery-validation-1.14.0/dist/jquery.validate.js"></script>
  <script>
    $(function () {
      $('form').validate({
        rules: {
          email: {
            required: true, 
            email: true,
            // remote: 'http://localhost/validate/checkEmail.php'
            remote: {
              url: 'http://localhost/validate/checkEmail.php',
              type: 'POST',
              data: {
                a: function () {
                  return $('[name="a"]').val()
                }
              }
            }
          }
        }
      })
    })
  
  </script>
</body>
</html>